<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>JS函数</title>
    </head>
    <body>
        <script>
            //JS通过function关键字定义函数
            function f1() {
                console.log('f1被调用了');
            }
            f1();//调用函数

            //2.带参数的函数
            function f2(name,age) {
                console.log('f2被调用了，参数是：'+name+','+age);
                console.log(name,age)
            }
            f2('张三',18);//实参

            //3.形参与实参的个数问题
            function f3(a,b) {
                console.log,(a,b);
            }
            f3('1,2');
            f3(1,2,5);//3,多余的5舍弃
            f3(5);//5+undefined=NaN,未被赋值的形参值为undefined

            //4.函数的返回值
            function f4(a,b) {
                return a+b;
            }
            f4(1,2);
            var result=f4(260,260);
            console.log(result);//将函数的返回值保存到变量中并输出
            console.log(f4(9,990));//直接输出函数的返回值

            //5.第二种声明函数的方式
            var f5 = function (){
                console.log('f5');
            }
            f5();
            console.log(f5);//变量f5保存了函数的全部内容function(){console.log('f5');}
            console.log(typeof f5);//函数类型是function

            //6.第三种声明方式 箭头函数
            const f6 = () => {
                console.log('f6');
            }
            f6();
            console.log(f6);
            console.log(typeof f6);

        </script>
    </body>
</html>